<template>
  <div>
    爷爷组件
    <hr />
    <Child></Child>
  </div>
</template>

<script>
import Child from './Child.vue'
export default {
  name: 'ProvideInject',
  components: {
    Child
  },
  data() {
    return {
      msg: '爷爷组件的msg'
    }
  },
  provide() {
    // 通过this可以拿到当前组件，可以在此做一些业务
    return {
      grandpaMsg: this.msg
    }
  }
}
</script>

<style lang="scss" scoped></style>
